<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Responsive Web UI Kit &amp; Dashboard Template based on Bootstrap">
    <meta name="author" content="AdminKit">
    <meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/img/icons/icon-48x48.png"/>
    <title>AdminKit</title>
    <link href="${pageContext.request.contextPath}/css/app.css" rel="stylesheet">
</head>
<body>
<div class="wrapper">
    <%@include file="../icn/sidebar.jsp"  %>
    <div class="main">
        <%@include file="../icn/head.jsp" %>
        <main class="content">
            <div class="container-fluid p-0">
                <div class="row">
                    <div class="col-9 col-lg-9 col-xxl-9 d-flex">
                        <div class="card flex-fill">
                            <div class="card-header">

                                <h1 class="card-title mb-0" style="font-weight: bold;font-size: 25px">申报列表</h1>
                            </div>
                            <br>
                            <br>
                            <br>
                            <table class="table table-hover my-0" >
                                <thead>
                                <tr>
                                    <th></th>
                                    <th class="d-none d-xl-table-cell"></th>

                                </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">办理时间</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.createDate}</td>
                                    </tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">部门</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.apprtDept.deptName}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">办理项目</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.apprtItemMaterial.materialName}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" >审批项目</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.itemTypeId}</td>
                                    </tr>
                                    <%--<tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">部门编号</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.deptCode}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">编辑操作</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.userId}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">申请时间</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.applyTime}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">当前状态</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.dealState}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" >审批子项名称</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.itemName}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">审批子项id</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.itemId}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">登记人员id</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.registerId}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">编辑操作</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.userId}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">受理状态</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.finishFlag}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" >规定完成日期</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.planFinishTime}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" >受理机关名称</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.dealDeptName}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">标记删除</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.deleteFlag}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">办理人</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.workman}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">办理人电话</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.workmanPhone}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">电子邮箱</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.workmanMail}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">操作时间</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.operateDate}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" ">是否接受短信消息</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.isFa}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">接件操作人</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.acceptMan}</td>
                                    </tr>
                                    <tr>
                                     <td style="margin-left: 10px" class="col-4 col-lg-4 col-xxl-4 d-flex">办理人</td>
                                        <td class="d-none d-xl-table-cell col-8 col-lg-8 col-xxl-8 d-flex" >${declareItem.transactor}</td>
                                    </tr>--%>
                                </tbody>
                            </table>
                            <br>
                            <br>
                            <br>
                           <a href="${pageContext.request.contextPath}/system/declare/declareList"> <button class="btn btn-success " style="width: 70px;align-content: center;margin-left: 500px">返回</button></a>
                            <br>
                            <br>
                            <br>
                            <br>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </div>
</div>
<script src="${pageContext.request.contextPath}/js/vendor.js"></script>
<script src="${pageContext.request.contextPath}/js/app.js"></script>
<script>
    $(function () {
        var ctx = document.getElementById('chartjs-dashboard-line').getContext("2d");
        var gradient = ctx.createLinearGradient(0, 0, 0, 225);
        gradient.addColorStop(0, 'rgba(215, 227, 244, 1)');
        gradient.addColorStop(1, 'rgba(215, 227, 244, 0)');
        // Line chart
        new Chart(document.getElementById("chartjs-dashboard-line"), {
            type: 'line',
            data: {
                labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
                datasets: [{
                    label: "Sales ($)",
                    fill: true,
                    backgroundColor: gradient,
                    borderColor: window.theme.primary,
                    data: [
                        2115,
                        1562,
                        1584,
                        1892,
                        1587,
                        1923,
                        2566,
                        2448,
                        2805,
                        3438,
                        2917,
                        3327
                    ]
                }]
            },
            options: {
                maintainAspectRatio: false,
                legend: {
                    display: false
                },
                tooltips: {
                    intersect: false
                },
                hover: {
                    intersect: true
                },
                plugins: {
                    filler: {
                        propagate: false
                    }
                },
                scales: {
                    xAxes: [{
                        reverse: true,
                        gridLines: {
                            color: "rgba(0,0,0,0.0)"
                        }
                    }],
                    yAxes: [{
                        ticks: {
                            stepSize: 1000
                        },
                        display: true,
                        borderDash: [3, 3],
                        gridLines: {
                            color: "rgba(0,0,0,0.0)"
                        }
                    }]
                }
            }
        });
    });
</script>
<script>
    $(function () {
        // Pie chart
        new Chart(document.getElementById("chartjs-dashboard-pie"), {
            type: 'pie',
            data: {
                labels: ["Chrome", "Firefox", "IE"],
                datasets: [{
                    data: [4306, 3801, 1689],
                    backgroundColor: [
                        window.theme.primary,
                        window.theme.warning,
                        window.theme.danger
                    ],
                    borderWidth: 5
                }]
            },
            options: {
                responsive: !window.MSInputMethodContext,
                maintainAspectRatio: false,
                legend: {
                    display: false
                },
                cutoutPercentage: 75
            }
        });
    });
</script>
<script>
    $(function () {
        // Bar chart
        new Chart(document.getElementById("chartjs-dashboard-bar"), {
            type: 'bar',
            data: {
                labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
                datasets: [{
                    label: "This year",
                    backgroundColor: window.theme.primary,
                    borderColor: window.theme.primary,
                    hoverBackgroundColor: window.theme.primary,
                    hoverBorderColor: window.theme.primary,
                    data: [54, 67, 41, 55, 62, 45, 55, 73, 60, 76, 48, 79],
                    barPercentage: .75,
                    categoryPercentage: .5
                }]
            },
            options: {
                maintainAspectRatio: false,
                legend: {
                    display: false
                },
                scales: {
                    yAxes: [{
                        gridLines: {
                            display: false
                        },
                        stacked: false,
                        ticks: {
                            stepSize: 20
                        }
                    }],
                    xAxes: [{
                        stacked: false,
                        gridLines: {
                            color: "transparent"
                        }
                    }]
                }
            }
        });
    });
</script>
<script>
    $(function () {
        $("#world_map").vectorMap({
            map: "world_mill",
            normalizeFunction: "polynomial",
            hoverOpacity: .7,
            hoverColor: false,
            regionStyle: {
                initial: {
                    fill: "#e3eaef"
                }
            },
            markerStyle: {
                initial: {
                    "r": 9,
                    "fill": window.theme.primary,
                    "fill-opacity": .95,
                    "stroke": "#fff",
                    "stroke-width": 7,
                    "stroke-opacity": .4
                },
                hover: {
                    "stroke": "#fff",
                    "fill-opacity": 1,
                    "stroke-width": 1.5
                }
            },
            backgroundColor: "transparent",
            zoomOnScroll: false,
            markers: [{
                latLng: [31.230391, 121.473701],
                name: "Shanghai"
            },
                {
                    latLng: [28.704060, 77.102493],
                    name: "Delhi"
                },
                {
                    latLng: [6.524379, 3.379206],
                    name: "Lagos"
                },
                {
                    latLng: [35.689487, 139.691711],
                    name: "Tokyo"
                },
                {
                    latLng: [23.129110, 113.264381],
                    name: "Guangzhou"
                },
                {
                    latLng: [40.7127837, -74.0059413],
                    name: "New York"
                },
                {
                    latLng: [34.052235, -118.243683],
                    name: "Los Angeles"
                },
                {
                    latLng: [41.878113, -87.629799],
                    name: "Chicago"
                },
                {
                    latLng: [51.507351, -0.127758],
                    name: "London"
                },
                {
                    latLng: [40.416775, -3.703790],
                    name: "Madrid"
                }
            ]
        });
        setTimeout(function () {
            $(window).trigger('resize');
        }, 250)
    });
</script>
<script>
    $(function () {
        $('#datetimepicker-dashboard').datetimepicker({
            inline: true,
            sideBySide: false,
            format: 'L'
        });
    });
</script>

</body>

</html>